<div style="background: url({{ asset('img/upload/share_bg1.png') }}) no-repeat center 40px / 100%">
    <x-mini-header>
        <x-slot name="url"></x-slot>
        <x-slot name="title">{{ $post->title }}</x-slot>
    </x-mini-header>

    <div class="max-w-sm mx-auto p-10 gap-2 flex flex-col items-center justify-center"
         style="background: url({{ asset('img/share_card.png') }}) no-repeat center top / 100%">
        <h2 class="text-white font-bold text-center text-2xl">好友邀请享福利</h2>
        <p class="text-white text-center py-3 mb-3 text-lg">推广并邀请好友填写邀请码 <br> 即可获得</p>
        {!! QrCode::margin(2)->size(240)->generate(route('register', ['share_code' => $code])) !!}
        <p class="text-xl text-black">我的邀请码：{{ $code }}</p>
        <button x-on:click="navigator.clipboard.writeText('{{ route('register', ['share_code' => $code]) }}').then(e => mui.toast('复制成功，快去分享吧！'))"
            type="button" class="w-4/5 p-3 bg-gradient-to-r from-red-500 to-[red] text-white rounded-full">
            分享推广链接
        </button>
    </div>

    <div class="prose prose-sm p-4">
        {!! $post->content !!}
    </div>
</div>
